<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>影像申请下载查询页面</title>
<link rel="stylesheet" type="text/css" href="${ctx}/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${ctx}/easyui/easyui_my.css">
<link rel="stylesheet" type="text/css" href="${ctx}/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="${ctx}/css/css.css" />
<script type="text/javascript" src="${ctx}/js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="${ctx}/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${ctx }/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="${ctx}/js/common.js"></script>
<script type="text/javascript">

$(function(){
    debugger;
	 //初始化号牌种类下拉框
	initSelect('hpzlSelect','请选择号牌种类','dmz','dmsm1','${ctx}/code/findHpzl.htm');
    //设置日期初始值
 	$("#startTime").datetimebox("setValue",getDatex(7));
 	$("#endTime").datetimebox("setValue",getDatex1(-1));
    initTable(1,20);
});

//数据表
function initTable(pageNumber,pageSize){
	 var chrng = /.*[\u4e00-\u9fa5]+.*$/;
     $("#TableData").datagrid({
       url:'${ctx}/yxxxgl/findYxsqxzPage.htm',
       fitColumns:true,
       border:false,
       striped:true,
       //singleSelect:true,
       pagination: false,
       //pageSize: 10,                //每页记录数
       pageList: [5, 10, 15, 20, 30, 50], //分页记录数数组
       /* remoteSort:false,//是否从服务器排序数据
       loadMsg:'数据加载中请稍后……', */
       queryParams:{
    	   pageSize:pageSize,
	       page:pageNumber,
	       hphm:$("#hphmSelect").val(),
	       hpzl:$("#hpzlSelect").combobox('getValue'),
	       startTime:$("#startTime").combobox('getValue'),
	       endTime:$("#endTime").combobox('getValue')
       },
       columns:[[
		{field:'',checkbox:true,align:'center',fixed:true,split:true},
         {field:'hphmmc',title:'号牌号码',width:'100',fixed:true,align:'center',split:true},
         {field:'hpzlmc',title:'号牌种类',width:'100',fixed:true,align:'center',split:true},
         {field:'clpp1',title:'车辆品牌',width:'100',fixed:true,align:'center',split:true},
         {field:'csysmc',title:'车身颜色',width:'70',fixed:true,align:'center',split:true},
         {field:'syr',title:'所有人',width:'280',fixed:true,align:'center',split:true},
         {field:'fdjh',title:'发动机号',width:'150',fixed:true,align:'center',split:true},
         {field:'clsbdh',title:'车辆识别代号',width:'200',fixed:true,align:'center',split:true},
         {field:'cz',title:'操作',width:'100',align:'center',fixed:true,split:true,formatter:function(value,row,index){
             return "<a class=\"chense2\" href=\"javascript:CheckInfo('"+row.xh+"','"+index+"')\" >详情</a>&nbsp;&nbsp;<a class=\"chense1\" href=\"javascript:delInfo('"+row.hphmmc+"','"+row.hpzl+"','"+row.xh+"')\" >删除</a>";
	  	 }}
       ]],
       onLoadSuccess: function (data) {
         initPage(data.total);
       }
     });
} 

function initPage(total){
      $('#pp').pagination({
        total:total,
        pageSize:'20',
        onSelectPage:function(pageNumber, pageSize){
	       
		  $("#TableData").datagrid("load",{
			  	pageSize:pageSize,
		        page:pageNumber,
		        hphm:$("#hphmSelect").val(),
		        hpzl:$("#hpzlSelect").combobox('getValue'),
		        startTime:$("#startTime").combobox('getValue'),
		        endTime:$("#endTime").combobox('getValue')
		  });
      	}
    });
}

function delInfo(hphm,hpzl,xh){
    debugger;
    if(confirm('确定删除该条信息吗?')){
        $.ajax({
            type:'POST',
            url:'${ctx}/audit/queryAuditInfo.htm',
            data:{
                hphm:hphm,
                hpzl:hpzl,
                bussinessType:'1'
            },
            dataType:'json',
            success:function(data, textStatus, jqXHR){
                if(null!=data && undefined!=data){
                    var flag=false;//当前用户还没有删除权限
                    $.each(data,function(i,info){
                        var permissionType=info.permissionType;//权限类型  03 删除权限 02 下载权限 01 打印权限
                        if(permissionType=='03'){
                            flag=true;
                        }
                    });
                    if(flag){
                        $.ajax({
                            type:'POST',
                            url:'${ctx}/yxxx/delVehicle.htm',
                            data:{
                                xh:xh
                            },
                            success:function(data, textStatus, jqXHR) {
                                debugger;
                                if(data>0){
                                    alert('删除成功！');
                                    queryDataGrid();
                                }else{
                                    alert('删除失败！');
                                }
                            }
                        });
                    }else{
                        alert('目前还没有删除该信息的权限，请申请');
                        return false;
                    }
                }
            }
        });
    }

}

function CheckInfo(xh,_index){
	debugger;
	var param=getParam(xh,_index,'xh');
	var startTime = $("#startTime").combobox('getValue');
	var endTime = $("#endTime").combobox('getValue');
	param+="&startTime="+startTime+"&endTime="+endTime
	parent.addTab("影像档案详情","${ctx}/yxxxgl/findYxsqxzByxhFirstIn.htm"+param);
} 

//根据界面中的样件，过滤查询机动车基本信息列表
function queryDataGrid(){
	var hphm = $("#hphmSelect").val();
	var reg = /[\u4e00-\u9fa5]/g;//筛选是否有中文
	hphm = hphm.replace(reg, "");
	var hpzl = $("#hpzlSelect").combobox('getValue');
	var startTime = $("#startTime").combobox('getValue');
	var endTime = $("#endTime").combobox('getValue');
	  $("#TableData").datagrid("load",{
		  hphm:hphm,
	      hpzl:hpzl,
	      startTime:startTime,
	      endTime:endTime
	  });
}
</script>
</head>
<body class="easyui-layout" options="border:false">
<%-- <c:if test="${not empty sbxh }">
<input type="hidden" id="sbxh" value="${sbxh }">
</c:if> --%>
<div data-options="region:'north',height:120,border:false" style="padding-left:10px;padding-right: 10px;padding-top: 5px;">
  <div class="xinxichaxunkuangz1">
    <div class="dashujtiaojianxuanxiangkuan">
      <div class="dashujtiaojianxuanxiangkuan_lie">
          <div class="tiaojian_key">开始时间：</div>
          <div class="tiaojian_values">
            <ul class="tiaojian_values_limian">
              <li>
                <input id="startTime" type="text" name="startTime" class="easyui-datetimebox shurukuangkais"/>
              </li>
              <li><span class="buchongdbiaotdsw">结束时间：</span>
                <input id="endTime" type="text" name="endTime" class="easyui-datetimebox shurukuangkais"/>
              </li>
            </ul>
          </div>
        </div>
        <div class="dashujtiaojianxuanxiangkuan_lie">
          <div class="tiaojian_key">号牌号码：</div>
          <div class="tiaojian_values">
            <ul class="tiaojian_values_limian">
              <li><input id="hphmSelect" type="text" class="shurukuangkais" placeholder='请输入号牌号码'/></li>
              <li><span class="buchongdbiaotdsw">号牌种类：</span>
                <input id="hpzlSelect" class="easyui-combobox shurukuangkais"/>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="chaxunchongzhianniu">
        <a href="javascript:queryDataGrid()" class="sousuocx">查询</a>
      </div>
    </div>
 </div>
<div data-options="region:'center',border:false" style="padding-left:10px;padding-right: 10px">
  <div class="easyui-layout xinxichaxunkuangz2" data-options="fit:true,border:false">
    <div class="tupianqiehuantop" data-options="region:'north',border:false" style="height: 37px">
      <span class="chaxunjieguosd">搜索结果</span>
    </div>
    <div id="tableDiv" data-options="region:'center',border:false" style="overflow-y: auto;">
      <table id="TableData" data-options="cls:'biaogeycangds',fit:true"></table>
    </div>
    <div data-options="region:'south',border:false" style="height:32px">
      <div class="easyui-panel">
        <div class="easyui-pagination" id="pp"></div>
      </div>
     </div>
  </div>
</div>
</body>
</html>
